<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <body>

        <input type="text" name="" id="text1" value="aaaa">
        <hr>
        男:<input type="radio" name="gender" id="ra1" value="1">
        女:<input type="radio" name="gender" id="ra0" value="0">
        <input type="text" name="" id="gender" placeholder="length">
        <hr>
        Java: <input type="checkbox" name="aa" id="chkJava" value="Java">
        c艹: <input type="checkbox" name="aa" id="c艹" value="c艹">
        C#: <input type="checkbox" name="aa" id="C#" value="C#">
        <hr>
        <select name="" id="province">
            <option value="all"> 请选择</option>
            <option value="gx">广西</option>
            <option value="gd">广东</option>

        </select>

        <input type="text" name="" id="gx" placeholder="广西">
        <input type="text" name="" id="gd" placeholder="广东">

        <hr>
        <input type="button" value="lock" id="lock">
        <textarea id="text2" rows="10" cols="10">禁止抄袭禁止抄袭禁止抄袭禁止抄袭禁止抄袭禁止抄袭禁止抄袭</textarea>







    </body>
    <script>
        /*--------------------------------------------------------------------------- 
        
        复制内容中掺杂私货
        --------------------------------------------------------------------------- */
        $(":text").change(function() {
            console.log('你改动了文本');
        })

        $(':radio').change(function() {
            console.log('你点击了' + $(this).val());
            if ($(this).val() == '1') {
                document.getElementById("gender").style.display = "block"; //显示
                /* 
                
                1.$("#id").show()表示为display：block，
                
                   $("#id").hide()表示为display:none;
                
                2.$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，则切换为可见的。
                
                3.$("#id").css('display','none');//隐藏
                
                   $("#id").css('display','block');//显示
                */
            } else {

                document.getElementById("gender").style.display = "none"; //隐藏
            }

        })

        $(":checkbox").change(function() {

            console.log('你点击了' + $(this).val());

        })

        $('select').change(function() {

            console.log('你点击了' + $(this).val());
            if ($(this).val() == 'gx') {

                $("#gx").removeAttr("disabled");
                $("#gd").attr("disabled", "disabled");
            } else if ($(this).val() == 'gd') {

                $("#gx").attr("disabled", true);
                $("#gd").attr("disabled", false);

            } else if ($(this).val() == 'all') {
                $("#gx").attr("disabled", false);
                $("#gd").removeAttr("disabled");
            }

        })


        $("#lock").click(function() {
            $("#text2").attr("disabled", "disabled");

        })



        $('textarea').select(function() {
            console.log("禁止抄袭  ");
        })
    </script>



</html>
